<f:layout name="Default" />
<f:section name="main">
<div class="ranks-box">
	<div class="teacher mt-50 mb-20">
		<h2><f:translate key="work" /></h2>
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<f:for each="{teachers}" as="teacher">
				<f:if condition="{teacher.iswork}">
				<div class="swiper-slide">
					<div class="item">
						<div class="pic">
							<f:link.action action="show" pageUid="{settings.previewPid}" arguments="{teacher : teacher}">
								<f:image src="{teacher.profile.originalResource.publicUrl}" width="109" height="109" class="img-responsive img-circle center-block" />
							</f:link.action>
						<div class="txt">
							<f:link.action action="show" arguments="{teacher : teacher}">
								<strong>{teacher.name}</strong>
								<span>{teacher.position}</span>
							</f:link.action>
						</div>
					</div>
				</div>
				</f:if>
				</f:for>
			</div>
			<div class="pagertool"></div>
		</div>
	</div>

	<div class="old-teacher pt-30 mb-20">
		<h2 class="mb-25"><f:translate key="outwork" /></h2>
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<f:for each="{teachers}" as="teacher">
						<f:if condition="{teacher.iswork} == false">
						<div class="swiper-slide">
							<div class="item">
								<div class="pic">
									<f:link.action action="show" pageUid="{settings.previewPid}" arguments="{teacher : teacher}">
										<f:image src="{teacher.profile.originalResource.publicUrl}" width="109" height="109" class="img-responsive img-circle center-block" />
									</f:link.action>
								<div class="txt">
									<f:link.action action="show" arguments="{teacher : teacher}">
										<strong>{teacher.name}</strong>
										<span>{teacher.position}</span>
									</f:link.action>
								</div>
							</div>
						</div>
						</f:if>
					</f:for>
				</div>
			</div>
			<div class="pagertool"></div>
		</div>
	</div>
</div>
</f:section>